@reference "../../assets/index.css";

.cplx-file-upload-overlay {
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;

  @apply x:bg-background/50 x:backdrop-blur;

  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;

  @apply x:transition-opacity x:duration-200 x:ease-in-out;
}

.cplx-file-upload-overlay.active {
  opacity: 1;
}

.cplx-file-upload-overlay__content {
  @apply x:bg-background x:text-foreground;
  @apply x:rounded-md x:border-2 x:border-dashed x:border-primary;
  @apply x:p-8;

  text-align: center;
}
